<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>h5新增元素</title>
	</head>
	<body>
		<form action="2.html">
			<p>
				<label for="youremail">电子邮件</label>:<input type="email" name="youremail" id="youremail" placeholder="请输入常用邮箱" required/>
			</p>
			<p>
				<label for="userpass">密码</label>:<input type="password" name="userpass" id="userpass" placeholder="请输入至少6位，最好是数字+字母+特殊字符" required pattern="\w{8,30}" />
			</p>
			<p>
				<input type="url" name="from" placeholder="从哪个网址知道我们的"/>
			</p>
			<p>
				搜索关键词:<input type="search" name="key"/>
			</p>
			<p>
				最喜欢的颜色:<input type="color" name="likecolor"/>
			</p>
			<p>
				<input type="tel" name="phone" required="required" placeholder="手机号" pattern="1\d{10}"/>
			</p>
			<p>
				你的年龄:<input type="number" name="age" max="140" min="10"  step="4" required/>
			</p>
			<p>
				出生日期:<input type="date" name="birthday" required/>
				出生时辰:
				<input type="time" name="t"/>
			</p>
			<p>
				<input type="week" name="w"/>
			</p>
			<p>
				你的资料完整度:<input type="range" name="infor" />
			</p>
			<p>
				请认真阅读并同意我们的<a>用户协议</a><input type="checkbox" name="accept" value="yes" required/>
			</p>
			<p>
				<button type="submit">提交</button>
				<button type="reset">重来</button>
			</p>
		</form>
	</body>
</html>
